<template>
	<view>
		<image class="banner-image" :src="dataList.images_list[0]" mode="" style="width: 100%;"></image>
		<view class="booth-box" style="position: relative;left:204rpx;top: 18rpx;">
			<text class="booth">{{dataList.title}}</text>
		</view>
		<view class="body" v-html="dataList.content"> 
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				dataList:{
					images_list:[]
				}
				
				
			}
		},
		methods:{
			
		},
		onLoad() {
			uni.request({
				url: 'https://baiyi.kent.work/api/v1/system/getCompanyInfoWx',
				method: 'post',
				data: {
				},
				success: res => {
					console.log(res.data.data);
					this.dataList=res.data.data
				},
				fail: () => {},
				complete: () => {}
			});
		}
	}
</script>

<style>
	.booth-box {
		width: 322rpx;
		height: 56rpx;
		background: #3d9c36;
		border-radius: 28rpx;
		margin-right: 70rpx;
	}

	.body {
		width: 658rpx;
		height: 288rpx;
		font-size: 24rpx;
		font-family: PingFang SC, PingFang SC-Medium;
		font-weight: 500;
		text-align: LEFT;
		color: #333333;
		line-height: 48rpx;
		margin-left: 46rpx;
		margin-right: 46rpx;
		text-indent: 2em;
		margin-top: 40rpx;
		
	}

	.booth {
		width: 112rpx;
		height: 56rpx;
		line-height: 56rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #FFFFFF;
		padding-left: 10px;
		text-align: center;
		justify-content: center;
		
	}
</style>